<?php
echo "<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title>adhoc</title>
<style>
    #tblgrk { 
        font-size: 2em; 
        border: 1px solid black;
    }
    #tdchar {
        font-size: 4em;
        text-align: center;
    }
    table {
        border-collapse: collapse;
    }
    td {
        border: gray solid 1px;
    }
    td.tbllist {
        font-size: .5em;
    }
</style>
<script type='text/javascript' src='/grk.js'>
</script>
</head>
<body>\n";

$relPath='./pinc/';
require_once $relPath."dpinit.php";
require_once $relPath."dp_main.inc";

/*   -----------
1   |x|x|~|:|˘|-|
2   |x|x|\|(|)|/|
3   |x|x|___α___|
4   |x|x|_______|
*/

echo "
<table name='tblgrk' id='tblgrk' onclick='eTblClick(event)'
                                    onkeydown='eKey(event)'>
<tr>
    <td class='tbllist' rowspan='4'>
    a α<br>
    b β<br>
    c ξ<br>
    d δ<br>
    e ε<br>
    f φ<br>
    g γ<br>
    h θ<br>
    i ι<br>
    j ϊ<br>
    k κ<br>
    l λ<br>
    m μ<br>
    </td>
    <td class='tbllist' rowspan='4'>
    n ν<br>
    o ο<br>
    p π<br>
    q ψ<br>
    r ρ<br>
    s σ<br>
    t τ<br>
    u υ<br>
    v ϋ<br>
    w ω<br>
    x χ<br>
    y η<br>
    z ζ
    </td>
    <td title='? perispomeni/circumflex' id='perispomeni'>~</td>
    <td title=': dialytika/diaeresis' id='dialytika'>¨</td>
    <td title='. vrache/breve' id='v vrache'>˘</td>
    <td title='- macron' id='macron'>-</td>
</tr>
<tr>
    <td title='\ varia/grave' id='varia'>`</td>
    <td title='( psili/rough' id='psili'>‛</td>
    <td title=') dasia/smooth' id='dasia'>’</td>
    <td title='/ oxia/acute' id='oxia'>´</td>
</tr>
<tr>
    <!-- <td title='upper case' id='uc'>uc</td> -->
    <td id='tdchar' colspan='4'>α</td>
</tr>
<tr>
    <td title=', subscript' id='subscript' colspan='4'> ͅ</td>
<table>
</form>
</body>
</html>";
?>
